<!doctype html>
<html>

<head>
   <meta charset='UTF-8'>
   <meta name='viewport' content='width=device-width initial-scale=1'>
   <style>
      .option {
         display: flex;
         min-width: 160px
      }

      .option .name {
         float: left;
         color: #333;
         font-size: 18px;
         font-weight: bold
      }

      .switch {
         position: relative;
         display: inline-block;
         width: 60px;
         height: 34px
      }

      .switch input {
         opacity: 0;
         width: 0;
         height: 0
      }

      .slider {
         position: absolute;
         cursor: pointer;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
         background-color: #ccc;
         -webkit-transition: .4s;
         transition: .4s
      }

      .slider:before {
         position: absolute;
         content: "";
         height: 26px;
         width: 26px;
         left: 4px;
         bottom: 4px;
         background-color: white;
         -webkit-transition: .4s;
         transition: .4s
      }

      input:checked+.slider {
         background-color: #45c7d8
      }

      input:focus+.slider {
         box-shadow: 0 0 1px #45c7d8
      }

      input:checked+.slider:before {
         -webkit-transform: translateX(26px);
         -ms-transform: translateX(26px);
         transform: translateX(26px)
      }

      .slider.round {
         border-radius: 34px
      }

      .slider.round:before {
         border-radius: 50%
      }
   </style>

   <!-- <link href='https://fonts.loli.net/css?family=Open+Sans:400italic,700italic,700,400&subset=latin,latin-ext'
      rel='stylesheet' type='text/css' /> -->

   <link href='../css/markdown.css' rel='stylesheet' type='text/css' />

</head>

<body class='typora-export os-windows' style="width: 700px;">
   <div class='typora-export-content'>
      <div id='write' class=''>
         <p><span>该插件主要是为了</span><strong><span>屏蔽一些娱乐网站</span></strong><span>, </span><strong><span>当打开一些页面时, 插件将会将页面替换为</span><code>do or die</code><span>的内容(暂不支持定制页面).</span></strong><span>.</span></p>
         <blockquote>
            <p><span>自己和周边朋友都是使用 </span><code>chromium</code><span> 内核浏览器进行看视频娱乐, 而修改 </span><code>host</code><span>文件等拦截方式, 在多台设备上面不方便.</span></p>
            <p><span>于是自己</span><strong><span>简单</span></strong><span>制作了这样一个插件. 给上网娱乐设置一点障碍, 提升些自律力.</span></p>
         </blockquote>
         <p><span>该插件默认屏蔽了下面4个视频网站</span></p>
         <ol start=''>
            <li><span>爱奇艺</span></li>
            <li><span>哔哩哔哩</span></li>
            <li><span>腾讯视频</span></li>
            <li><span>芒果TV</span></li>
         </ol>
         <p><span>但是如果你打开下面的</span><code>拦截所有页面</code><span>的选项, 则会屏蔽掉所有的网站</span></p>
         <div class="option">
            <span class="name">拦截所有页面：</span>
            <label class="switch">
               <input type="checkbox" id="switch">
               <span class="slider round"></span>
            </label>
         </div>
         <p><span>这时建议对该插件配置: 到</span><code>管理扩展</code><span>下配置</span><code>站点访问权限</code><span>为</span><code>在特定网站上</code><span>, 将需要阻止的网站添加到允许列表里面即可对这些网站页面进行</span><code>拦截替换</code><span>.</span></p>
         <p><img src="../img/1641356077098.jpg" referrerpolicy="no-referrer"></p>
      </div>
   </div>

   <script src="/js/popup.js"></script>

</body>

</html>